import React from 'react';
import Svg, { Path, G, Defs, ClipPath, Rect } from 'react-native-svg';

export const EyeSlash = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 16 16" fill="none">
      <G clipPath="url(#clip0_2587_77953)">
        <Path
          d="M7.15632 3.38416C8.70924 3.1991 10.2801 3.52737 11.6289 4.31886C12.9777 5.11035 14.0305 6.32155 14.6263 7.7675C14.6819 7.91717 14.6819 8.08182 14.6263 8.2315C14.3813 8.82549 14.0575 9.38383 13.6637 9.8915M9.39032 9.43883C9.01312 9.80315 8.50791 10.0047 7.98352 10.0002C7.45913 9.99562 6.9575 9.78528 6.58668 9.41447C6.21587 9.04365 6.00553 8.54202 6.00097 8.01763C5.99642 7.49324 6.19801 6.98803 6.56232 6.61083M11.6537 11.6662C10.7693 12.19 9.78263 12.5175 8.76056 12.6264C7.73849 12.7353 6.70496 12.6231 5.73008 12.2974C4.75519 11.9717 3.86178 11.4401 3.11046 10.7387C2.35914 10.0372 1.76749 9.1824 1.37565 8.23216C1.32009 8.08249 1.32009 7.91784 1.37565 7.76816C1.96674 6.33473 3.00677 5.13166 4.33965 4.3395M1.33432 1.3335L14.6677 14.6668"
          stroke="#7E808A"
          strokeWidth="1.33333"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_2587_77953">
          <Rect width="16" height="16" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
